.content {

	margin: 0px auto;

}



.dh1 { background:url(../images/d1.png) center no-repeat; background-size:36px auto;}

.orion-menu li:hover .dh1{ background:url(../images/d1-1.png) center no-repeat; background-size:36px auto;}



.dh2 { background:url(../images/d2.png) center no-repeat; background-size:36px auto;}

.orion-menu li:hover .dh2{ background:url(../images/d2-1.png) center no-repeat; background-size:36px auto;}



.dh3 { background:url(../images/d3.png) center no-repeat; background-size:36px auto;}

.orion-menu li:hover .dh3{ background:url(../images/d3-1.png) center no-repeat; background-size:36px auto;}



.dh4 { background:url(../images/d4.png) center no-repeat; background-size:36px auto;}

.orion-menu li:hover .dh4{ background:url(../images/d4-1.png) center no-repeat; background-size:36px auto;}



.dh5 { background:url(../images/d5.png) center no-repeat; background-size:36px auto;}

.orion-menu li:hover .dh5{ background:url(../images/d5-1.png) center no-repeat; background-size:36px auto;}





.content .logo{ float:left; margin-top:10px}

.content .logo img{ height:70px; width:auto;}



.sjdh{ display:none}



.orion-menu {

	margin-top: 0px; 

}



.orion-menu {

	width: auto;

	padding: 0;

	float: right;

    list-style: none;

	

}



.orion-menu li {

	display:block;

	font-size: 15px;

	margin: 0;

	padding: 0;

	float: left;

	text-align:center;

	line-height: 20px;

	

}

.orion-menu li ul li{ float:none; display:inline-block}

.orion-menu li ul li a{ color:#FFF}

.orion-menu li .xiala{

	position:absolute; width:100%; background:rgba(20,169,63,0.5); height:45px; text-align:center; overflow:hidden

	

}



.orion-menu li i {

	display:block; width:36px; height:36px; overflow:hidden; margin:0 auto; font-style:normal; border:#a3a3a3 2px solid; border-radius:30px; padding:5px;



}

.orion-menu li:hover i {

	border:#fff 2px solid;



}

.orion-menu li a {

	padding: 12px 43px;

	text-decoration: none;

	display: inline-block;

	 font-size:14px;

	-o-transition: color .3s linear, background .3s linear;

	-webkit-transition: color .3s linear, background .3s linear;

	-moz-transition: color .3s linear, background .3s linear;

	transition: color .3s linear, background .3s linear

}



.orion-menu li:hover>a {

	color: #fff; background:#14a93f

}

.orion-menu li.active>a {

	background: #555

}

.orion-menu>li>a {

	text-transform: uppercase

}







.orion-menu ul, .orion-menu ul li ul {

	list-style: none;

	margin: 0;

	padding: 0;

	display: none;

	position: absolute;

	z-index: 999;

	width: 150px;

	background: #454545

	

}

.orion-menu ul {

	top: 94px;

	left: 0; text-align:center;

	

}



.orion-menu ul li ul {

	top: 0;

	left: 150px;

	text-align:center

}

.orion-menu ul li {

	width: auto;

	font-size: 14px;

	display:inline-block

	

}

.orion-menu ul li a {

	width: auto;

	padding: 12px 22px;

	display:block;

	float: left;

	clear: both;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	

}

.orion-menu ul li:hover>a {

	background: #555

}



.orion-menu .indicator {

	color: #bababa;

	position: absolute;

	right: 8px;

	top: 28px;

	font-family: FontAwesome;

	font-size: 12px;

	 display:none;

}

.orion-menu .indicator:before {

	content: "\f0d7"

}

.orion-menu ul li .indicator {

	right: 20px;

	top: 13px

}

.orion-menu ul li .indicator:before {

	content: "\f0da"

}



.overlay {

	background: url(images/overlay-bg.png) repeat;

	width: 150px;

	height: 120px;

	position: absolute;

	display: none;

	left: 0;

	top: 0

}

.orion-menu>li.showhide {

	display: none;

	width: 100%;

	height: 70px;

	cursor: pointer;

	color: #dedede;

	background: #454545;

	

	

}

.orion-menu>li.showhide span.title {

	margin: 0;

	display:none;





}

.orion-menu> li.showhide span.icon {

	margin: 25px 5px 0 0;

	float: right;

	

}

.orion-menu>li.showhide .icon em {

	margin-bottom: 3px;

	display: block;

	width: 20px;

	height: 2px;

	background: #14a93f

}



.green, .green li ul,  .green>li.showhide {

	background: none

}







.green li a, .orion-menu li.social a {

	color: #666

}

.green li.active>a, .green ul li:hover>a, .green li.social a .tooltip {

	background: #45b866

}



.green li.social a .tooltip:before, .green li.social a .tooltip:after {

	border-top-color: #047c7a

}

.zoom {

	-webkit-animation: zoom .3s ease both;

	-moz-animation: zoom .3s ease both;

	-o-animation: zoom .3s ease both;

	animation: zoom .3s ease both;

	 

}

@-webkit-keyframes zoom {

0% {

-webkit-transform:scale(.6)

}

100% {

-webkit-transform:scale(1)

}

}

@-moz-keyframes zoom {

0% {

-moz-transform:scale(.6)

}

100% {

-moz-transform:scale(1)

}

}

@-o-keyframes zoom {

0% {

-o-transform:scale(.6)

}

100% {

-o-transform:scale(1)

}

}

@keyframes zoom {

0% {

transform:scale(.6)

}

100% {

transform:scale(1)

}

}



@media only screen and (max-width:767px) {

	.erji{ display:block;}

.sjdh{ display:block; position:absolute; width:100%;background:rgba(20,169,63,0.5); left:0 }

.sjdh dt a{ color:#fff; padding:10px 5px; display:block; float:left  }

.content .logo{ float:none; position:absolute; left:0.5em}

.content .logo img{ height:50px; width:auto}



.orion-menu li .xiala{ opacity:0

	

}

.green li ul li a {

	color: #333; font-size:12px

}

.orion-menu {

	margin: 0; width:100%;

}

.orion-menu li {

	display:block;

	float:left;

	width: 20%;

	border-top:#b5b5b5 1px solid;

	background:url(../images/feng.jpg) right top no-repeat;

	background-size:1px 80px;

	text-align:center

	

}

.orion-menu li:last-child { background:none}



.orion-menu li i {

	 width:25px; height:25px; margin-top:0.5rem}

	 

.dh1,.dh2,.dh3,.dh4,.dh5{ background-size:25px auto;}

.orion-menu li:hover .dh1,.orion-menu li:hover .dh2,.orion-menu li:hover .dh3,.orion-menu li:hover .dh4,.orion-menu li:hover .dh5{background-size:25px auto;}

.orion-menu ul {

	top: 150px;

	left: 0; text-align:center

}

.orion-menu ul li {

	background:none



}



.orion-menu ul li a {

padding: 12px 10px; 

}





.orion-menu>li>a {

	width: 100%;

	padding: 0;

	border-top: solid 1px rgba(255,255,255,.05);

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	line-height:31px;

}

.orion-menu ul, .orion-menu ul li ul {

	width: 100%;

	left: 0;

	padding: 0 20px;

	position: static;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	

}





.orion-menu>li.showhide {

	display: block

}

.green li ul, .green ul li ul, .green>li.showhide {

	background:none

}

.orion-menu ul{ display:block}

}



@media only screen and (min-width: 768px) and (max-width: 959px) {

.content {

	width: 768px;

}



}

@media only screen and (max-width: 767px) {

.content {

	width: 100%;

}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

.content {

	width: 100%;

}

}

